@import "./valset";

.zy-dark-red{
  color: $zy-dark-red;
}
.zy-pool-red{
  color: $zy-pool-red;
}
.zy-dark-blue{
  color: $zy-dark-blue;
}
.zy-pool-blue{
  color: $zy-pool-blue;
}

.zy-dark-bg-red{
  background: $zy-dark-red;
}
.zy-pool-bg-red{
  background: $zy-pool-red;
}
.zy-dark-bg-blue{
  background: $zy-dark-blue;
}
.zy-pool-bg-blue{
  background: $zy-pool-blue;
}

.boy-bg {
  background: linear-gradient(white,$zy-pooler-blue 65%, $zy-pool-blue);
}

.girl-bg {
  background: linear-gradient(white,$zy-pooler-red 65%, $zy-pool-red);
}

.boy1-bg {
  background: linear-gradient(white 30%, $zy-pool-blue);
}

.girl1-bg {
  background: linear-gradient(white 30%, $zy-pool-red);
}

.boy-coin {
  background: url('/static/image/userDetails/boyCoin.png') no-repeat right;
  background-size: contain;
}

.girl-coin {
  background: url('/static/image/userDetails/girlCoin.png') no-repeat right;
  background-size: contain;
}